import React from 'react';
import { observer} from 'mobx-react';
import {Tooltip } from 'antd';
import {WeaSearchGroup } from 'ecCom';


export default class SearchGroupBorderLeft extends React.Component {
    constructor (props) {
        super (props);
        this.state = {};
    }

    render(){
        let {title,className,color,width,tipTitle} = this.props;
        width = width?width:'5'
        color = color?color:'red'
        let style={borderLeft:width+"px "+color+" solid"}
        return <div className={"wea-workrelate-plan-search-group "+(className?className:"")} >
        <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@e2x2ln`} title={title} showGroup={true}>
           {this.props.children}
        </WeaSearchGroup>
      </div>
    }
}